    <link rel="stylesheet" href="<?= $this->config->item('webroot') ?>styles/requisitions/new_requisition/new_requisition.css" type="text/css" />

	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Requisitions &rarr; <span>New</span></h1>
			<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
    	
		<!-- Wrapper -->
		<div class="wrapper">
			
            <p>&nbsp;</p>	
					
            <div class="leading clearfix">
                <div class="column width2 first">

					<!-- overview box -->
                    <div class="overview content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Summary</h3>
                        </header>
                        <section>

				<a href="#" id="button-new-job">+ Add Material</a>

				<p>
					<a href="<?= $this->config->item('base_url') ?>requisitions/new_requisition" id="button-new-job" class="btn">Save Draft</a>
					<a href="<?= $this->config->item('base_url') ?>requisitions/approval" id="button-new-job" class="btn"><span class="icon icon-ok">&nbsp;</span>Submit</a>
					
				</p>
				
                        </section>
                    </div>
                                        
                </div>
                
                <div class="jobs column width6">
                
					<!-- job box -->
                    <div id="job-box" class="job content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Material</h3>
                        </header>
                        <section>
                        
				RR Number: <input type="text" /> Department: <select><option>Liquid Production</option><option>HRD</option></select>
				
				<a href="<?= $this->config->item('base_url') ?>requisitions/new_requisition" id="button-new-job" class="btn align-right" onclick="$('#category1').val('');$('#category2').hide();$('#category3').hide();$('.text_quantity').val('Quantity');$('.text_unit').val('Unit');$('.text_code').val('Code');$('.text_remarks').val('Remarks');$('#spec-template').html(''); return false;">Erase All</a>
				<br />
                        
                        
				Category:

				<a id="link_category" href="#popup_category" class="btn nyroModal" style="display:none"><span class="icon icon-add">&nbsp;</span>Subcategory</a>
				
				<select onchange="$('a#link_category').trigger('click');" id="category1">
					<option></option>
					<option>Abrasives</option>
					<option>Cleaning</option>
					<option>Electrical</option>
					<option>Hardware</option>
					<option>Hand Tools</option>
					<option>Office Equipment</option>
					<option>Power Tools</option>
				</select>

				<select class="hidden" id="category2">
					<option>Pliers</option>
					<option>Benders</option>
					<option>Clamps</option>
					<option>Crimping Tools</option>
					<option>Cutting Tools</option>
					<option>Electrical Tools</option>
					<option>Marking Tools</option>
					<option>Measuring and Layout Tools</option>
					<option>Plumbing Tools</option>
					<option>Wrenches</option>
				</select>
				<select class="hidden" id="category3">
					<option>Locking Pliers</option>
					<option>Multi-tool</option>
					<option>Retaining and Lock Ring Pliers</option>
					<option>Slip Joint and Tongue and Groove Pliers</option>
					<option>Solid Joint Pliers</option>
					<option>Wire Twist Pliers</option>
				</select>
				<span id="category_pending" class="hidden">Pending...</span>


				<br /><br />
				<input type="text" style="width:100px" value="Quantity" onclick="this.value=''" onblur="if (this.value==''){ this.value='Quantity';}" class="text_quantity" />
				<input type="text" style="width:100px" value="Unit" onclick="this.value=''" onblur="if (this.value==''){ this.value='Unit';}"  class="text_unit" />

				<input type="text" style="width:400px" value="Material Name" onclick="this.value=''" onblur="if (this.value==''){ this.value='Material';}"  class="text_material_name"
				       onkeyup="$('table.material-search-results').show('fast');" />
				<input type="text" style="width:100px" value="Code" onclick="this.value=''" onblur="if (this.value==''){ this.value='Code';}"  class="text_code"
				       onkeyup="$('table.material-search-results').show('fast');" />
				<table class="no-style full material-search-results hidden">
					<tr><td><a href="#">GRIPPING TOOL-STANLEY COMB. PLIER 8"</a></td></tr>
					<tr><td><a href="#">PLIER-LONG NOSE PLIER 8"</a></td></tr>
					<tr><td><a href="#">PLIER-SLIP JOINT PLIER 6"</a></td></tr>
					<tr><td><a href="#">PLIER-DIAGONAL PLIERS 8"</a></td></tr>
					<tr><td><a href="#">SCRAP-PLIER-COMBINATION PLIER</a></td></tr>
					<tr><td><a href="#">PLIER-SIDE CUTTER PLIER 7"</a></td></tr>
					<tr><td><a href="#">TOOL-CIRCLIP PLIER 7"</a></td></tr>
					<tr><td><a href="#">PLIER-VISE GRIP PLIER</a></td></tr>
					<tr><td><a href="#">SCRAP-RING PLIER</a></td></tr>
					<tr><td><a href="#">PLIER-SIDE CUTTER PLIER #9"</a></td></tr>
					<tr><td><a href="#">PLIER-SNAP RING 7" (ST.INTERNAL)</a></td></tr>
					<tr><td><a href="#">PLIER-VISE GRIP (9" W/ 18" CHAIN)</a></td></tr>
				</table>
				<script>
					$('table.material-search-results a').click(function(){
						$('.text_material_name').val($(this).html());
						$('table.material-search-results').hide('fast',function(){ alert('This material needs CEO approval. It is recommended that materials that need CEO approval be requested in a separate requisition.'); });
						$('#category1').val('Hand Tools');
						$('#category2').val('Pliers').show();
						$('#category3').val('Locking Pliers').show();
						return false;
					});
				</script>

				<table width="100%">
					<tr>
						<td width="50%" style="padding-right:5px;" valign="top">
							<p><textarea onclick="this.innerHTML=''" onblur="if (this.innerHTML==''){ this.value='Remarks';}"  style="width:100%; height:50px;" class="text_remarks">Remarks</textarea></p>
						</td>
						<td width="50%" style="padding-left:5px; vertical-align: top;" valign="top">
							<p><a href="#" id="button-new-spec">+ Add Spec</a></p>
							<div id="spec-template" class="hidden">
								<p style="position:relative">
									<select>
										<option>Brand</option>
										<option>Size</option>
										<option>Color</option>
										<option>Height</option>
										<option>Width</option>
										<option>Weight</option>
									</select>
									<input type="text" />
									<span style="position:absolute; top:5px; left:275px;"><a href="#" onclick="$(this).parent().parent().remove();"><span class="icon icon-delete" title="Delete">&nbsp;</span></a></span>
								</p>
							</div>
						</td>


					</tr>
					<tr>
						<td>Attachment: <input type="file" /></td>
					</tr>

				</table>
					
                            
                        </section>
                    </div>
                    
                </div>
                
                

            </div>
									
		</div>
		<!-- End of Wrapper -->
        
	</div>
	<!-- End of Page content -->
    <script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/requisitions/new_requisition/new_requisition.js"></script>

   